<!DOCTYPE html>
{% load i18n %}
<html lang="en">
  <head>
  	{% load staticfiles %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>{% block title%}{% trans "web_title" %}{% endblock%}</title>
    <meta name="description" content="{% block metadescription%}{% endblock %}">
    <meta name="keywords" content="{% block metakeywords%}{% endblock %}">
    <link rel="icon" href="{% static 'bootstrap/images/khainhat.ico' %}" type="image/x-icon" />
	<link rel="shortcut icon" href="{% static 'bootstrap/images/khainhat.ico' %}" type="image/x-icon" />
	<link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" media="screen">
	<link href="{% static 'bootstrap/css/datepicker.css' %}" rel="stylesheet">
	<link href="{% static 'bootstrap/css/chosen.css' %}" rel="stylesheet">
	<link href="{% static 'bootstrap/css/charisma-app.css' %}" rel="stylesheet">
	{% block more_css%}{% endblock%}

	<script src="{% static 'bootstrap/js/responsiveIE.js' %}"></script> 
	<script src="{% static 'bootstrap/js/jquery.min.js' %}"></script> 
	<script src="{% static 'bootstrap/js/bootstrap-datepicker.js' %}"></script>	
	<script src="{% static 'bootstrap/js/locales/bootstrap-datepicker.vi.js' %}"></script>	
	<script src="{% static 'bootstrap/js/chosen.jquery.js' %}"></script> 
	<script src="{% static 'bootstrap/js/angular.min.js' %}"></script> 
	<script src="{% static 'bootstrap/js/fibo.js' %}"></script> 
	<script src="{% static 'bootstrap/js/angularjs/app/frontend.js' %}"></script> 
	<script src="{% static 'bootstrap/js/angularjs/controller/frontend/sms.js' %}"></script> 
  </head>
  
 <body ng-app='frontend'> 	
 	   <!-- topbar starts -->
    <div class="navbar navbar-default" role="navigation">

        <div class="navbar-inner">
        	<a href="/" class="hidden-xs"><img src="{% static 'bootstrap/images/logo.jpg' %}"></a> 
            <a class="navbar-brand" href="/">
            <span>{% trans "web_title" %}</span></a>

            <!-- user dropdown starts -->
            <div class="btn-group pull-right">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <i class="glyphicon glyphicon-user"></i><span class="hidden-sm hidden-xs"> {{user.username}}</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">Profile</a></li>
                    <li class="divider"></li>
                    <li><a href="/auth/logout">Logout</a></li>
                </ul>
            </div>
            <!-- user dropdown ends -->


        </div>
    </div>
    <!-- topbar ends -->
   		{% block leftmenu %}
   		<div class="ch-container">
    <div class="row">
        
        <!-- left menu starts -->
        <div class="hidden-xs col-sm-2">
            <div class="sidebar-nav">
                <div class="nav-canvas">
                    <div class="nav-sm nav nav-stacked">

                    </div>
                    <ul class="nav nav-pills nav-stacked main-menu">
                        <li class="nav-header">Main</li>
                  
                     <li><a class="ajax-link" href="/"><i class="glyphicon glyphicon-home"></i><span> {% trans "Dashboard" %}</span></a>
                        </li>
                    </ul>
                  
                </div>
            </div>
        </div>
        <!--/span-->
        <!-- left menu ends -->

        <div id="content" class="col-sm-12 col-sm-10">
            <!-- content starts -->
            <div>
			    <ul class="breadcrumb">
			        <li>
			            <a href="/">Home</a>
			        </li>
			        {% block breadcrumbs %}
			        <li>  	
			            <a href="/">{% trans "Dashboard" %}</a>		            
			        </li>
			        {% endblock %}
			    </ul>
			</div>

   		{% endblock %}
   		
 		{% block content %}		
 		{% endblock %}
 		
 		</div>
 		</div>
 	  <hr>

	<div class="ch-container">
    <footer class="row">
        <p class="col-md-3 col-sm-3 col-xs-12 copyright">&copy; <a href="http://khainhat.vn" target="_blank">Khai Nhật</a> 2014</p>

		 <p class="col-md-6 col-sm-6 col-xs-12 text-center">
        	Mọi ý kiến đóng góp liên hệ <a href="#">Phan Tân</a>:<br>
			Email: <a href="mailto:denhatwc@gmail.com">denhatwc@gmail.com</a><br>
			Mobile: 098888 2693
		</p>
		
		
        <p class="col-md-3 col-sm-3 col-xs-12 powered-by">
        	Idea by <a href="#">Phan Tân</a><br>
        	Powered by <a href="#">Nguyễn Lưu</a>
		</p>
    </footer>

	</div>
 	
  	<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script> 
 </body>    

</html>